<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi ">
<title>会员中心-财务管理</title>
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>
<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>

<body>
<div style="min-height:100%">
	<!--头部-->
	<div class="erjitoubu">
		财务管理
		<a href="javascript:history.go(-1);">
			<img src="images/fanhui.png" alt="">
		</a>
		<div class="toubu">
			小明 <a href="sign.html">退出</a> | <a href="index.html">首页</a>
		</div>
	</div>
	<!--会员中心通用页面-->
	<div class="modification_nav">
		<div class="modification_nav_text">
			火星人才网
		</div>
		<div class="modification_nav_img">
			<img src="images/xiayi.png" alt="">
		</div>
		<div class="modification_nav_text">
			会员中心
		</div>
		<div class="modification_nav_img">
			<img src="images/xiayi.png" alt="">
		</div>
		<div class="modification_nav_a">
			财务管理
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="modification_portrait">
		<div class="modification_img">
			<img src="images/touxiang.png" alt="">
		</div>
		<div class="modification_data">
			<div class="modification_data_one">
				尚泽       
			</div>
			<div class="modification_data_two">
				男 | 28岁 
			</div>
			<div class="clearfix"></div>
			<div class="modification_data_img">
				<img src="images/dingwei.png" alt="">
			</div>
			<div class="modification_data_four">
				山东省临沂市兰山区XXX
			</div>
			<div class="clearfix"></div>
			<div class="modification_sj">
				<div class="modification_sj1">
					<img src="images/sj.png" alt="">
				</div>
				<div class="modification_sj2">
					15589645123
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="modification_wx">
				<div class="modification_wx1">
					<img src="images/wx.png" alt="">
				</div>
				<input type="text" class="modification_wx2" value="15589645123" readonly id="beigai">
				<span class="modification_wx3" id="xiugai">[修改]</span>
				<span class="modification_wx3" style="display: none;" id="baocun">[保存]</span>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	<!--密码修改-->
	<div class="back_one">
		财务管理
	</div>
	<div class="platform">
		<div class="platform_jiesuan">
			<div class="platform_jiesuan_text">平台统一结算账号</div>
			<div class="platform_jiesuan_table">
				<div class="platform_jiesuan_table1">
					账户名：
				</div>
				<div class="platform_jiesuan_table2">
					临沂尚泽有限公司
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="platform_jiesuan_table">
				<div class="platform_jiesuan_table1">
					账号：
				</div>
				<div class="platform_jiesuan_table2">
					6215994798456123
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="platform_jiesuan_table">
				<div class="platform_jiesuan_table1">
					开户行全称：
				</div>
				<div class="platform_jiesuan_table2">
					山东省临沂市兰山区中国银行支行
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="platform1">
		<div class="platform_jiesuan">
			<div class="platform_jiesuan_text">账户资金</div>
			<div class="capital">账户资金余额：<span>20000</span>元</div>
		</div>
		<div class="capital-see">
			<div class="capital-see-left">查看明细</div>
			<div class="capital-see-right">申请退款</div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<!--底部通用-->
<div class="home-bottom">
	<div class="home-bottom3">
		网站资质  |  备案   |   法律声明 ｜ <a href="yinsiquan.html">隐私权政策</a><br>
		未经同意，不得转载本网站之所有招聘信息及作品<br>
		火星人才网版权所有©2017-3017  |  地址：沈阳市沈河区<br>
		服务热线：400-024-5880  邮箱：175969151@163.com
	</div>
</div>
<!--弹出窗口-->
<div class="tanchuang" id="ck1">
	<div class="tanchuang_fff">
		<div class="tanchuang_top">
			<div class="tanchuang_top_left">账户资金明细</div>
			<div class="tanchuang_top_right" id="gb1"><img src="images/gb.png" alt="" style="width: 12px;"></div>
			<div class="clearfix"></div>	
		</div>
		<ul class="tanchuang_nr_zj">
			<li>日期</li>
			<li>事项</li>
			<li>收支金额(元)</li>
			<li class="clearfix"></li>
		</ul>
		<div style="height:240px;overflow: auto;">
			<ul class="tanchuang_nr_zj1">
				<li>2017-08-01</li>
				<li>购买机票</li>
				<li>-500元</li>
				<li>四川泓诚人力资源服务有限公司一部</li>
			</ul>
			<ul class="tanchuang_nr_zj1">
				<li>2017-08-01</li>
				<li>购买机票</li>
				<li>-500元</li>
				<li>四川泓诚人力资源服务有限公司一部</li>
			</ul>
			<ul class="tanchuang_nr_zj1">
				<li>2017-08-01</li>
				<li>购买机票</li>
				<li>-500元</li>
				<li>四川泓诚人力资源服务有限公司一部</li>
			</ul>
		</div>
		<div class="tanchuang_gd">更多</div>
		<div class="clearfix"></div>
	</div>
</div>
<div class="tanchuang" id="ck2">
	<div class="tanchuang_fff">
		<div class="tanchuang_top">
			<div class="tanchuang_top_left">申请退款</div>
			<div class="tanchuang_top_right" id="gb2"><img src="images/gb.png" alt="" style="width: 12px;"></div>
			<div class="clearfix"></div>	
		</div>
		<div class="tanchuang_nr">
			扣款：<span style="color: #f00;">800</span>元
		</div>
		<div class="tanchuang_nr2">
			应退金额：<span style="color: #f00;">2000</span>元
		</div>
		<div class="tanchuang_nr1">
			请详细确认扣款，有疑问致电客服400-024-5880
		</div>
		<div class="tanchuang_qd">确认</div>
		<div class="tanchuang_qx">取消</div>
		<div class="clearfix"></div>
	</div>
</div>
<!--修改号码-->
<script>
		var xiugai=document.getElementById('xiugai');
		var beigai=document.getElementById('beigai');
		var baocun=document.getElementById('baocun');
		var dian=function(){
		beigai.readOnly=false;
		beigai.style.borderBottom="solid 1px #aaa";
		xiugai.style.display="none";
		baocun.style.display="block"; 
	}
	var ji=function(){
		beigai.style="readOnly";
		beigai.style.borderBottom="none";
		xiugai.style.display="block";
		baocun.style.display="none";
	}
	xiugai.onclick=function(){
		dian()
	}
	beigai.onblur=function(){
		if(beigai.value.length<11){
			alert('请输入号码');
		}else if(beigai.value.length>11){
			alert('请输入正确的号码');
		}else{
		ji();
		}
	}
</script>
<script>
	$('.capital-see-left').click(function(){
		$('#ck1').show();
	});
	$('#gb1').click(function(){
		$('#ck1').hide();
	})
	$('.capital-see-right').click(function(){
		$('#ck2').show();
	});
	$('#gb2,.tanchuang_qd,.tanchuang_qx').click(function(){
		$('#ck2').hide();
	})
</script>
</body>
</html>

